<template>
    <div>
        <div class="modtit">
            <span class="tit">Samples</span>
        </div>
        <div class="fir" v-for="(item,index) in content.samp" :key="index">
            <div class="lfc">{{ item.name}}</div>
            <div class="rgc">{{ item.content }}</div>
        </div>
    </div>
</template>
<script>
export default {
    components: {
    },
    props: {
        content: {
            type: Object,
            default: () => {
                return { };
            }
        }
    },
    data() {
        return {
        };
    },
    beforeUpdate() {
    },
    mounted() {
        // console.log("----",this.content)
    },
    methods: {
       
    }
};
</script>
<style scoped>
.fir {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    /* overflow: hidden; */
    padding: 16px 4px;
    box-sizing: border-box;
    line-height: 26px;
}
.modtit {
    height: 30px;
    overflow: hidden;
}
.tit {
    font-size: 14px;
}
.lfc {
    width: 50px;
}
.rgc {
    margin-left: 30px;
    width: 140px;
    overflow: hidden;
}
</style>